<script setup lang="ts">
const { data } = await useAsyncData(() => queryCollection('content').path('/home').first())

const contactInfo = ref([
  {
    name:'github',
    icon: 'github',
    url:'xxxx',
  },
  {
    name:'github',
    icon: 'github',
    url:'xxxx',
  }
])
const count = ref(5)
</script>

<template>
  <GMyTransition>
    <div>
      欢迎来到我的博客
    </div>
    <div>
      <ContentRenderer v-if="data" :value="data" :prose="true" class="index-content"/>
    </div>
    <div>
      {{  }}
    </div>
    <div>
      <TransitionGroup 
        enter-active-class='transition-all delay-150 duration-300' 
        leave-active-class='transition-all delay-150 duration-300' 
        enter-from-class='opacity-0'
        leave-to-class='opacity-0'
        tag="ul"
      >
        <li v-for="item in count" :key="item">
          {{ item }}我的文章一
        </li>
      </TransitionGroup>
    </div>
  </GMyTransition>
</template>
